<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>💣云</title>
    <link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
    <link rel="stylesheet" href="static//css/urls.css">
    <link rel="shortcut icon" href="/static/favicon/favicon.ico">
    <link rel="Bookmark" href="/static/favicon/favicon.ico">
</head>
<body>
<div class="container">
    <div class="row clearfix">
        <div class="col-md-12 column">
            <img src="/static/image/logo.jpeg" class="img-responsive center-block" alt="Cinque Terre" width="125" height="125">
            <h3 class="text-center">
                炸弹☁️短链接生成器
            </h3>

            <div class="form-group">
                <label>请输入长网址</label>
                <textarea class="form-control" rows="3" id = "url" ></textarea>
            </div>
            <button type="button" class="btn btn-success" onclick = "getShortUrl()"> <span class="glyphicon glyphicon-send" aria-hidden="true" ></span> 生成
            </button>

            <div class="form-group" style="text-align: center">
                 <label>放心使用，不会广告，不需要KEY。目前免费。</label><br/>
                 <label>API:https://www.cloudzs.cn/getShortUrl METHOD:POST DATA:{url:"http://www.baidu.com"} ~ enjoy 😁</label>
             </div>
        </div>

    </div>
    <h3></h3>
    <div class="alert alert-dismissable alert-success hidden" id = "sUrlDiv">
        <!--  <div class="alert alert-dismissable alert-success"> -->
        <!--  <div class="alert alert-dismissable alert-danger"> -->
        <h4>
            短网址
        </h4> <strong id = "sUrl"></strong>

    </div>
</div>
<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="/static/js/urls.js"></script>
<!--<script src="/static/js/reload.min.js"></script>-->
</body>
</html>
